<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>折扣区</title>
		<link rel="stylesheet" href="../libs/mui/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>		
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	</head>	
	<style>
		#book1 .mui-table-view{background-color: inherit;}
		#book1 .mui-table-view:after{height: 0;}
		.list .mui-media-body{height: auto !important; text-align: left;}
		.list .mui-media-body .title{font-size: 13px;}
		.list{padding: 10px;}
		.list .mui-media-object{-webkit-box-shadow:0 5px 10px #858585;box-shadow: 0 5px 10px #858585;}
	</style>
	<body> 
		<!--头部导航-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
				<span>折扣区</span>
			</a>
						
		</header>
		<!--中间导航-->
		<div class="mui-content">	
			<div class="list-p">
				<ul class="mui-table-view">
	        		<li class="mui-table-view-cell">
	        			<div style="border-left: 4px solid #139f13; position: absolute; height: 26px; left: 0; top:50%; margin-top: -13px;"></div>
	        			特价专区
	        			<span class="mui-pull-right mui-lvs">更多</span>
	        		</li>
	        	</ul>
				<ul class="mui-table-view mui-grid-view lists1">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		            	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
								<p class="m5">
									<span class="mui-red">0.00</span><span class="price" style="text-decoration:line-through;margin: 0 5px;">0.00</span>元
								</p>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		             		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
								<p class="m5">
									<span class="mui-red">0.00</span><span class="price"  style="text-decoration:line-through;margin: 0 5px;">0.00</span>元
								</p>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
								<p class="m5">
									<span class="mui-red">0.00</span><span class="price"  style="text-decoration:line-through;margin: 0 5px;">0.00</span>元
								</p>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		            	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
								<p class="m5">
									<span class="mui-red">0.00</span><span class="price"  style="text-decoration:line-through;margin: 0 5px;">0.00</span>元
								</p>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		             		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
								<p class="m5">
									<span class="mui-red">0.00</span><span class="price"  style="text-decoration:line-through;margin: 0 5px;">0.00</span>元
								</p>
							</div>
		            	</div>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
								<p class="m5">
									<span class="mui-red">0.00</span><span class="price"  style="text-decoration:line-through;margin: 0 5px;">0.00</span>元
								</p>
							</div>
		            	</div>
		            </li>
		        </ul>
		    </div>  
		    <div class="list-p">
				<ul class="mui-table-view">
	        		<li class="mui-table-view-cell">
	        			<div style="border-left: 4px solid #139f13; position: absolute; height: 26px; left: 0; top:50%; margin-top: -13px;"></div>
	        			免费专区
	        			<span class="mui-pull-right mui-lvs">更多</span>
	        		</li>
	        	</ul>
				<ul class="mui-table-view mui-grid-view lists2">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		            	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		            	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
							</div>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
							</div>
		            	</div>
		            </li>
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		             	<div class="list" >
		            		<div class="img">
		             			<img class="mui-media-object" src="../public/img/book.jpg" />
		             		</div>
							<div class="mui-media-body">
								<div class="title">
									
								</div>
							</div>
		            	</div>
		            </li>
		        </ul>
		    </div>  
		</div>	
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/open.js"></script>
	<script src="../libs/jquery/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/discount1.js" ></script>
</html>
